<template>
<!-- 头部 -->
<div class="warp">
 <div class="head">
     <div class="l-btn" onclick="window.history.back()"></div>
     <div class="header clear">公告详情</div>
     <div class="zero"></div>
 </div>
 <!-- 内容 -->
 <h1>通知</h1>
 <section class="know" v-for="(v,i) in Lists" :key="i">
 <span class="know_span">
  <p class="know_p">
{{v.notices}}
  </p>
 </span>
 <span class="know_right">
  <p>{{v.deptName}}</p><br />
  <p>{{v.pushTime}}</p>
  </span>
 </section>
</div>
</template>
<script>
 export default {
   name: 'Gonggaoxiangqing',
   data () {
     return {
       Lists:[]
     }
     },

   created(){
    //  src/data/gonggaoxq.data
    this.$http.get('/api/portal/notice/getNoticeId',{
      params: {
        id:this.$route.query.id
    }
    }).then((d)=>{
      this.Lists=d.data
   }).catch((err)=>{
     console.log(err)
   })
  }
 }
</script>

<style scoped>
.wrapper {
  width: 100%;
  z-index: 2;
  background: #fff;
}
.head {
  width: 100%;
  height: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgb(59, 62, 223);
  border-bottom: 1px solid #e8eaec;
  z-index: 99;
}
.l-btn {
  width: 30%;
  height: 1rem;
  background: url(../../../assets/images/history.png) no-repeat 0 0;
  margin-top: 0.5rem;
  background-size: 0.6rem;
}
.header {
  width: 30%;
  text-align: center;
  font-size: 0.4rem;
  color: #f2f4f5;
}
.zero {
  width: 30%;
}
h1{
  margin-top:2%;
  width:100%;
  font-size:0.22rem;
  text-align:center;
}
.know_span{
  display: inline-block;
  width:80%;
  margin-top:-1.3rem;
  margin-left:15%;
  /* border:1px solid red; */
}
.know_p{
  width:100%;
  color:#7d7d7d;
  white-space:pre-wrap;
  line-height: 0.35rem;
}
.know_right{
  display: inline-block;
  margin-left:6%;
  width:80%;
  text-align:right;
  color:#9E9A95;
  }
</style>
